<template>
  <div class="good-fl">
    <div v-for="gooditem of goodlist" :key="gooditem.id">
      <good-f :gooditem="gooditem"></good-f>
    </div>
    
  </div>
</template>

<script>
  import GoodF from './GoodF.vue'

  export default {
    components: { 
      GoodF 
    },
    name: "GoodFl",
    props: ['goodlist']
  }
</script>

<style scoped>
  .good-fl {
    display: flex;
    flex-wrap: wrap;

    justify-content: space-around;
  }
</style>
